<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" onblur="fn1()" onchange="fn2()" onfocus="fn3()" oninput="fn4()">
<script>
    //表单对应的事件
    function fn1(){
        console.log("元素失去焦点的时候触发")
    }
    function fn2(){
        console.log("事件在表单元素改变的时候被触发")
    }
    function fn3(){
        console.log("获取焦点的时候被触发")
    }
    function fn4(){
        console.log("获取用户输入的时候被触发")
    }
</script>
</body>
</html>